Hello and welcome to this lecture.
In this lecture we will be creating the structure for the clock using hastier mail.
I am inside my projet directory and I caught the blank hastier mail file open.
So this is where I will write the hastier mail to save time.
I will be explaining the quote step by step.
My badgerly written it and just going to paste it and explain each line of code.
The very first line of code you have to specify on an historic mail document is the dog tag.
So this is how you write a doctype left angle brackets as commissioner Mark and dog type and then hastier
male dog type is not actually a tag.
Its use is a declaration.
It gives information to the Web browser that the page they are trying to view is sent hastier Mail 5
document or it tells them to render it or displayed as a hasty Mail 5 document.
That's what the doctype does very first line you write on a hasty e-mail document.
I have copied in some more code from line to to line 9.
So Line 2 basically is where the our chawl hastier mail starts from so any chord between the hastier
meryll tag will be rendered as hastier mail.
All right so within the hastier Montag this hastier mail here this is a pair and you can see more taxes
are paid.
He conceded doted on the line there and deducted on the line.
He had to show you that the pairs do match and mozz close in tag's have a forward slash before the tag
is closed.
So the hastier mail here is a parent and it consists of the head and then the bodies so the body and
the head board should children of the hated male.
So this is a kind of proper hastier male document structure showing the parent child relationship.
So inside your head said chant We are going to define some more tags.
The head is usually for information and purposes you would not see the contents of the head when the
page is displayed.
The only content that is visible is the content between the body tags.
I have copied in some old code from Lyme for here all the way to in it.
So these medder tags are chewed ran off the head section.
So amid our tags basically used to provide extra information for the document and usually consist of
an attribute and then the value.
So the Moved this.
The collar here.
The ones in green here there are the attributes in quotes are the values or attributes most always have
their values enclosed inside quotes.
So medder can't say it refers to the code the Unicode or the type of characters that the application
will use.
He's telling the other web browser that you were using utf Dash 8 which is the standard Unicode.
So most characters are able to be read using the utf Dash 8 that you can read more about if you want
met and then that is a name you just gave the description you can provide enough information here to
reflect the application.
This is useful for search engines when they are looking for information.
They usually come to the header section and pick out what's there and serve for the search results.
This online seeks here the Met name viewport.
This enables this page to be viewed by any device regardless of the screen size.
This initial skill one here is a zaun Facility soufian a little device.
It can allow you to zoom in and zoom out as you require.
So what this does onli six is bisley to enable the content of the page to be viewed on any device regardless
of the screen size.
Line 7 is a title so I'm just Kimberlin a title line.
It is a reference to the it we are going to use to foul the clock.
So this is an Excel moustachioed.
This is just a reference to it.
I have added some more code here from line 11 to 13 line 11.
Basically said Dave have created a div that will use to then close our digital clock.
Give in to the Deven eidy attributes and the value of banner an attached span element span.
Basically is can be used to join text together so that they appear as one.
So this is a separate element which have nested inside the dates.
Notice that its span is closed before the dph case for his code.
Next in line 12 here created another day called Click clock.
Sorry line 11 is just a the header just like a banner for the clock.
Now say your time is X Y Z and then the actual interface for the clock is defined in the deef online
12 and I've given it a idea of clock.
So when you are creating idees best to name them appropriately.
These are unique to a page while a class can be reused through a team have attached a script link and
a source to where the script is.
So basically the javascript will going to be using 4 to display the clock.
This is the link that will reference the Java Script.
This is where it is.
It's inside the same directory as this source is clock dodgy which is in the same Projekt directory
so that is it for the structure.
So if I save this upward trend line page we will not see anything at the moment because this timing
is not in place.
So this is what the page looks like at the moment.
You can see is did text there says your local time.
So this is what eventually will be shown for the banner and then the time will be.
The clock will be displayed on that date.
So in when we do this he says the structure will be more pronounced.
That's it for this lecture on creating a structure for a digital clock.
Thanks for watching.
Bye for now.